<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<link rel="stylesheet" href="css/index.css">
	</head>


	<!-- 
	 
	 https://www.w3school.com.cn/cssref/css_selectors.asp
	 
	 
	 
	 
	 
	p~ul   
	选择前面有 <p> 元素 下面的 每个 <ul> 兄弟元素。 
	
	注意: 如果 ul 在p 的上面出现的，则不会被选中
	 
	 
	 
	 注意这里可以是不相邻的ul，p 与 ul 中间可以有其他类型的结点  
	 p  
	 other
	 a
	 input 
	 button 
	 
	 ul # 可以选择
	 
	 
	 
	 -->
	<body>
		
		
		<ul>
			<li>-2</li>
		</ul>
		
		
		
		<h1>9.7-2 相邻选择器及通用相邻选择器 </h1>



		<p>

			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed magnam consectetur fugit excepturi illo minus
			tempore aperiam explicabo. Minus ipsam quidem asperiores provident repudiandae nihil architecto maiores
			libero aliquam expedita!

		</p>

		<ul>
			<li>1</li>
		</ul>

		
		<h4>h4 one </h4>
		
		<ul>
			<li>2</li>
		</ul>

		<h4>h4 two </h4>
		
		<div>
			
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
		</div>
		
		<ul>

			<li>3</li>
		</ul>

	</body>
</html>
